<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>
  <div class="app">
    <RouterView />
  </div>
</template>

<style scoped>



::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: rgba(156,138,211,1);
  border-radius: 8px;
}

::-webkit-scrollbar-track {
  box-shadow: rgb(238 234 244) 0px 0px 5px inset;
  border-radius: 10px;
}
.app{
  height: 100%;
}
@media only screen and (max-width: 1500px) {
  .ctx{
    width: 100%;
  }
  .tctx{
    width: 100%;
  }
}

@media only screen and (max-width: 670px) {
  .ctx{
    width: 100%;
  }
  .tctx{
    width: 100%;
  }
}

.fadein-enter-active {
  animation: fade-in .5s;
}
.fadein-leave-active {
  animation: fade-in .5s reverse;
}
@keyframes fade-in {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@keyframes fade-out {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

</style>
